Code Playground

console.log("Event Fired")
const addTriangle = (x, y, parent) => {
	const useElem = document.createElementNS("http://www.w3.org/2000/svg", "use");
	useElem.setAttributeNS(null, "href", "#triangle");
	useElem.setAttributeNS(null, "transform", "scale(0.5)");
	if (x) useElem.setAttributeNS(null, "x", x);
	if (y) useElem.setAttributeNS(null, "y", y);
	parent.appendChild(useElem);
};

// create the triangles and append them to the group element
			addTriangle(50, 0, g);
			addTriangle(0, 85, g);
			addTriangle(100, 85, g);

// append the group element to the parent of the clicked element
			e.parentElement.appendChild(g);

e.remove(); // remove the clicked element

// attach click events to the new triangles
			attachClickEvents();
		});
	});
};

attachClickEvents();

Frontend Forever App